<!DOCTYPE html>
<html lang="en">
    <head>
        <title></title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
        <script src="__PUBLIC__/Product/js/lib/flexible.js"></script>
        <style>
            *{
                margin: 0;
                padding: 0;
            }
            /* 外圈盒子 */
            .explain_box{
                width: 10.0rem;
                position: relative;
            }
            /* 头部 */
            .explain_box .explain_heard{
                width: 100%;
                height: 1.186667rem;
                background: linear-gradient(to right, #6951bc, #a163e0);
                position: relative;
            }
            .explain_box .explain_heard img{
                width: 0.226667rem;
                height: 0.453333rem;
                position: absolute;
                bottom: 0.36rem;
                left: 0.266667rem;
            }
            .explain_box .explain_heard p{
                font-size: 0.48rem;
                line-height: 1.186667rem;
                text-align: center;
                color: white;
            }
            /* 内容 */
            .explain_box .explain_con{
                width: 9.466667rem;
                padding: 0 .266667rem;
            }
            .explain_con .title{
                width: 100%;
                height: .706667rem;
                margin-top: .4rem;
                margin-bottom: .373333rem;
            }
            .explain_con .title img{
                width: 3.173333rem;
                height: .706667rem;
            }
            .explain_con p{
                font-size: .346667rem;
                line-height: .48rem;
            }
            .explain_con .p2{
                margin-bottom: .2rem;
            }
            .explain_con .p3{
                font-size: 0;
                margin-bottom: .346667rem;
            }
            .explain_con .green{
                display: inline-block;
                width: .4rem;
                height: .4rem;
                background-color: #90c31f;
                color: white;
                border-radius: 50%;
                text-align: center;
                line-height: .4rem;
                vertical-align: top;
                font-size: .346667rem;
                margin-top: .026667rem;
                margin-right: .213333rem;
            }
            .explain_con .con{
                font-size: .346667rem;
                vertical-align: top;
                line-height: .466667rem;
            }
        </style>
    </head>
    <body>
        <div class="explain_box">
            <!--头部-->
			<div class="explain_heard">
                <img class="goBack" src="__PUBLIC__/Product/img/fanhui.png" alt="返回">
                <p>集分说明</p>
            </div>
            <!-- 内容 -->
            <div class="explain_con">
                <div class="title">
                    <img src="__PUBLIC__/Product/img/guanyu.png" alt="">
                </div>
                <p class="p1">
                    会员每次抽奖需要扣除10个集分，扣除的集分不退还，每天参与抽奖次数不限，本活动奖品为集分奖品。
                </p>
                <p class="p2">
                    奖品不定期设置: 8、10、18、20、50、58、100、188、300、500、999。
                </p>
                <div class="title">
                    <img src="__PUBLIC__/Product/img/rules.png" alt="">
                </div>
                <p class="p3"><span class="green">1</span><span class="con">让我来告诉你如何参加夺宝吧！让我来告诉你如何参加夺宝吧！让我来告诉你如何参加夺宝吧！</span></p>
                <p class="p3"><span class="green">2</span><span class="con">让我来告诉你如何参加夺宝吧！让我来告诉你如何参加夺宝吧！让我来告诉你如何参加夺宝吧！</span></p>
                <p class="p3"><span class="green">3</span><span class="con">让我来告诉你如何参加夺宝吧！让我来告诉你如何参加夺宝吧！让我来告诉你如何参加夺宝吧！</span></p>
            </div>
        </div>
    </body>
</html>
<script src="__PUBLIC__/Product/js/lib/jquery3.2.1.js"></script>
<script>
    $(function(){
        $('.goBack').click(function(){
            window.location.href = document.referrer;	//返回上一页并刷新
        });
    });
</script>